<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>提现</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
<header class="bar bar-nav">
    <a class="button button-link button-nav pull-left goBack">
        <span class="iconfont icon-fanhui"></span>
    </a>
    <h1 class='title'>提现</h1>
</header>
<div class="content wm-content of order-content" style="background-color: #F6F6F6">
    <article class="page-infinite__wrap exam-page__wrap">
        <div class="page-group">
            <div id="page-infinite-scroll-bottom" class="page page-current">
                <div class="content infinite-scroll native-scroll" data-type='native' data-distance="100">
                    <div class="list-block no-mt">
                        <ul class="uAccount-list">
                            <li class="item-content item-link change-uAccount-btn">
                                <div class="item-inner">
                                    <div class="item-media">
                                        <em class="iconfont icon-winxin c-green" style="font-size: 1.8rem;"></em>
                                    </div>
                                    <div class="item-title">
                                        <section class="pl5">
                                            微信
                                            <br>
                                            <span class="fs6 c-888">4913419854</span>
                                        </section>
                                    </div>
                                </div>
                            </li>
                            <li class="pt5 mt5 pl75">
                                <section><span class="fs7 c-666">提现金额</span></section>
                                <section class="pt5 pb5">
                                    <section class="row no-gutter">
                                        <aside class="col-20 text-right">
                                            <span style="font-size: 2rem">￥</span>
                                        </aside>
                                        <aside class="col-80 pt5">
                                            <section class="item-input">
                                                <input type="number" placeholder="0.00" style="font-size: 2rem;line-height: 2.8rem;height: 2.8rem">
                                            </section>
                                        </aside>
                                    </section>
                                </section>
                            </li>
                            <li class="pb5">
                                <hr style="margin-top: 0;">
                                <section class="pl75 ml5 pb5 fs6">
                                    <span class="c-888">可提现金额：</span>
                                    <span class="c-888">￥1365</span>
                                    <span class="ml5 c-red">全部提现</span>
                                    <span class="ml5 c-ccc">全部提现</span>
                                </section>
                            </li>
                        </ul>
                        <section class="pl75 pr75">
                            <p class="lr-suBtn__wrap">
                                <a href="javascript:;" class="button button-big button-round applyWithdrawBtn">确认提现</a>
                            </p>
                            <p>
                                <a href="javascript:;" class="button button-big button-round disabled">确认提现</a>
                            </p>
                        </section>
                        <section class="pl75 pr75">
                            <span class="fs6 c-888">提示须知：</span>
                            <br>
                            <span class="fs6 c-888">1、单次提现金额应大于1元，且不得超过1000元。</span>
                            <br>
                            <span class="fs6 c-888">2、单日提现次数不超过3次，每次提现时间间隔不得少于1分钟。</span>
                            <br>
                            <span class="fs6 c-888">3、如果提现出现问题，请联系在线客服。</span>
                        </section>
                    </div>
                </div>
            </div>
        </div>
    </article>
</div>
<!--查看详情 开始-->
<textarea id="applyWithdraw-ele" class="hide">
    <div class="pr pt5 pb5">
        <aside class="exam-stop-icon applyWithdraw-icon"><span>&nbsp;</span></aside>
        <section class="text-center">
            <h3 class="" style="margin-bottom: 0;font-weight: 200;">提现申请已提交成功</h3>
            <section class="pt5">
                <span class="fs6 c-888">平台运营人员将尽快审核</span>
                <br>
                <span class="fs6 c-888">大概</span>
                <span class="fs6 c-red">1-15</span>
                <span class="fs6 c-888">个工作日内自动转入，请注意查收</span>
            </section>
        </section>
    </div>
</textarea>
<div class="modal-overlay"></div>
<!--查看详情 结束-->
<div data-th-replace="layout/footer"></div>
<script type="text/javascript">
    $(function () {
        //切换提现账号
        $(document).on('click','.change-uAccount-btn', function () {
            var uAccountButtons = [
                {
                    text: '请选择提现账号',
                    label: true
                },
                {
                    text: '<div class="change-uAccount-actions-item"><em class="iconfont icon-winxin c-green vam" style="font-size: 1.2rem;"></em><span class="vam ml5">微信账号</span><small class="fs7 vam">（1581296522）</small></div>',
                    onClick: function() {
                        $.alert("你选择了“微信账号“");
                    }
                },
                {
                    text: '<div class="change-uAccount-actions-item"><em class="iconfont icon-zhifubao c-blue vam" style="font-size: 1.1rem;"></em><span class="vam ml5">支付宝账号</span><small class="fs7 vam">（5692502.056）</small></div>',
                    onClick: function() {
                        $.alert("你选择了“支付宝账号“");
                    }
                }
            ];
            var uAccountButtons2 = [
                {
                    text: '取消',
                    bg: 'danger'
                }
            ];
            var uAccountGroups = [uAccountButtons, uAccountButtons2];
            $.actions(uAccountGroups);
        });

        //提现申请 反馈
        applyWithdrawFn()
    })

    // 提现申请 反馈
    var applyWithdrawFn = function () {
        var _ele = $('#applyWithdraw-ele').val();
        $(document).on('click', '.applyWithdrawBtn', function () {
            $.alert(_ele)
            $('.modal-in').find('.modal-button-bold').text('知道了').attr('style', '');
        })
    }
</script>
</body>
</html>
